<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<?php
$class_ = "";
$class_array = [];

?>
<div style="position:fixed;bottom:0;left:0;width:600px;
overflow-wrap: break-word;
    overflow: scroll;
    height: 60%;">
    <ul style="">
        {volist name="r_data" id="func_" }
        <li>
            <a href="#action_{$key}">
                <?php
            if($class_!= $func_['class']){
                $class_ = $func_['class'];
                $class_array[$key] = $class_;
                echo '<h1 id="function_'.$key.'">'.$class_."</h1>";
                }
                $ar = explode("<br/>",$func_['doc']);
                echo isset( $ar[1] )? $ar[1]:$func_["url"];
                ?>
            </a>
        </li>
        {/volist}
    </ul>
</div>
<ul style="margin-left:600px;">
    {volist name="r_data" id="func_" }
    <li>
        <ul id="action_{$key}">
            <li><h2> {$func_.doc} </h2></li>
            <li> 地址：{$func_.url}</li>
            <li> 参数: {:json_encode($func_["param"])}</li>
            <li> 函数位置：{$func_.action}</li>
        </ul>
    </li>
    {/volist}
</ul>


<div style="position:fixed;z-index:100;top:0;left:0;width:600px;height:40%; overflow: scroll;">
    {volist name="class_array" id="class" }
    <li>
        <a href="#function_{$key}">
          {$class}
        </a>
    </li>
    {/volist}
</body>
</html>